body {
	overflow: hidden;
	user-select: none;
	-moz-user-select: none;
	color: #fff;
	-webkit-user-select: none;
	transition: 0.3s;
	/* background: black; */
	font-family: 'Akrobat', sans-serif;
	/* background: url(https://media.discordapp.net/attachments/1093598676099792967/1099904169978114118/image.png) */
}

.water-mark-wrapper {
	position: absolute;
	right: 2vw;
	top: 1.7vw;
	width: fit-content;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

@font-face {
	font-family: font-watermark;
	src: url(../font/AkiraExpanded.otf);
}

.water-mark-wrapper > .name-and-logo {
	display: flex;
	align-items: center;
	width: fit-content;
	height: fit-content;
	gap: .8vw;
}

.water-mark-wrapper > .name-and-logo > img {
	width: 5vw;
}

.water-mark-wrapper > .name-and-logo > .server-name {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: font-watermark;
    font-size: 1.62vw;
    flex-direction: column;
    filter: blur(.02vw);
}

.water-mark-wrapper > .name-and-logo > .server-name > .black {
    color: #00ffff;
}

.water-mark-wrapper > .name-and-logo > .server-name > .romania {
    margin-top: -0.45vw;
    align-self: flex-end;
}

.water-mark-wrapper > .server-stats {
	width: 10.48vw;
	/* height: 2vw; */
	margin-left: 5.8vw;
	margin-top: 7.5vh;
	position: absolute;
	/* background-color: red; */
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@font-face {
	font-family: font-stat;
	src: url(../font/PFDinDisplayPro-Regular.ttf);
}

.water-mark-wrapper > .server-stats > .stat {
	display: flex;
	align-items: center;
	gap: .2vw;
	font-family: font-stat;
	font-weight: 600;
	font-size: .7vw;
}

.water-mark-wrapper > .server-stats > .stat > i {
	color: #414151;
}

.water-mark-wrapper > .server-stats > .stat > .label {
	color: #414151;
	text-transform: uppercase;
}

.shadow {
	position: absolute;
	right: 0;
	width: 25vw;
	top: 0;
}

.map-info-wrapper {
	position: absolute;
	bottom: 1.3vw;
	left: 16.7vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: .5vw;
	/* background: red; */
}

.map-info-wrapper > .mic-and-location {
	display: flex;
	gap: .5vw;
}

.map-info-wrapper > .mic-and-location > .mic {
	width: 2.7vw;
	height: 2.7vw;
	border-radius: .35vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.15vw;
	background: #423a539a;
}


.map-info-wrapper > .mic-and-location > .location {
	width: 9.4vw;
	height: 2.7vw;
	border-radius: .4vw;
	display: flex;
	align-items: center;
	font-size: 1.15vw;
	background: linear-gradient(to left, rgb(0 255 255), rgba(0, 255, 255, 0.404));
}

.map-info-wrapper > .mic-and-location > .location > i {
	font-size: .95vw;
	margin-left: .6vw;
}

.map-info-wrapper > .mic-and-location > .location > .texts {
	display: flex;
	flex-direction: column;
	margin-left: .5vw;
}

@font-face {
	font-family: font-street;
	src: url(../font/PFDinDisplayPro-Regular.ttf);
}

.map-info-wrapper > .mic-and-location > .location > .texts > .street {
	font-family: font-street;
	font-size: .68vw;
	font-weight: 600;
	font-weight: 600;
	letter-spacing: .5px;
}

.map-info-wrapper > .mic-and-location > .location > .texts > .boulevard {
	font-family: font-street;
	font-size: .65vw;
	font-weight: 600;
	font-weight: 500;
	margin-top: -.1vw;
	opacity: .5;
}

.map-info-wrapper > .safe-zone-wrapper {
	width: 11vw;
	height: 2.7vw;
	border-radius: .4vw;
	display: flex;
	align-items: center;
	font-size: 1.15vw;
	background: linear-gradient(to left, rgb(0 255 255), rgba(0, 255, 255, 0.404));
}

.map-info-wrapper > .safe-zone-wrapper > img {
	width: 1.8vw;
	margin-left: .477vw;
}

@font-face {
	font-family: font-ft;
	src: url(../font/PFDinDisplayPro-Bold.ttf);
}

.map-info-wrapper > .safe-zone-wrapper > .name {
	font-family: Akrobat;
	font-size: .85vw;
	/* letter-spacing: 1.1px; */
	margin-left: .4vw;
}

.map-info-wrapper > .bank-money {
	position: absolute;
	font-size: .7vw;
	color: rgba(255, 255, 255, 0.479);
	font-family: font-street;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 3.5vw;
	transition: 1s;
}

.map-info-wrapper > .bank-money > i {
	color: white;
}

.map-info-wrapper > .cash-money {
	position: absolute;
	font-size: 1.15vw;
	color: white;
	font-family: font-street;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 4.4vw;
	display: flex;
	transition: 1s;
	align-items: center;
	gap: .4vw;
	text-shadow: 0 0 1vw rgba(255, 255, 255, 0.267);
}

.map-info-wrapper > .cash-money > i {
	font-size: .8vw;
}

.notify-mngr {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	bottom: 12vw;
	left: 1.5vw;
	gap: 1vw;
}

@keyframes mata {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.notify-mngr > .notify {
	width: 14.2vw;
	height: fit-content;
	padding-bottom: .8vw;
	padding-top: .8vw;
	background: linear-gradient(to left, rgba(110, 110, 110, 0.267), rgba(110, 110, 110, 0.267));
	border-radius: 15px;
	box-shadow: inset 0 0 0.50vw rgba(0, 255, 255, 0.904);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	animation: mata 1s;
}

.notify-mngr > .notify::before {
	position: absolute;
	content: "";
	width: .2vw;
	border-radius: 30vw;
	align-self: flex-start;
	height: 3.5vw;
	background-color: rgba(0, 255, 255, 0);
	box-shadow: 0 0 1vw rgba(0, 255, 255, 0);
}

.notify-mngr > .notify > .title-wrapper {
	display: flex;
	width: 12vw;
	align-items: center;
	gap: .5vw;
	padding-bottom: .4vw;
	border-bottom: 1px solid rgba(0, 255, 255, 0.671);
}

.notify-mngr > .notify > .title-wrapper > i {
	width: 1.8vw;
	height: 1.8vw;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .7vw;
	border-radius: 5px;
	background: rgba(95, 95, 95, 0.288);
	box-shadow: inset 0 0 0 .1vw rgba(95, 95, 95, 0.188);
}

.notify-mngr > .notify > .title-wrapper > .title {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	opacity: .8;
	font-size: .8vw;
}

.notify-mngr > .notify > .message {
	width: 12vw;
	margin-top: .3vw;
	font-size: .8vw;
	font-weight: 600;
	text-align: start;
}

.money-income-outcome-wrapper {
	position: fixed;
	left: 1.55vw;
	bottom: 8.5vw;
	font-weight: 700;
	font-size: .93vw;
	letter-spacing: 1px;
	border-left: .15vw solid greenyellow;
	padding-left: .5vw;
	padding-top: .2vw;
	padding-bottom: .28vw;
	animation: income 2s;
}

.money-income-outcome-wrapper > .where {
	font-size: .7vw;
	text-transform: uppercase;
	font-weight: 600;
	opacity: .6;
	letter-spacing: 2px;
	margin-top: -.1vw;
}


@keyframes identifier {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

/* anunturi */
.admin-announce {
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    animation: identifier 1.5s;
    font-family: 'Montserrat', sans-serif;
  }
  
  .admin-announce > img {
    position: absolute;
    width: 100%;
  }
  
  @keyframes identifier {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  
  .admin-announce {
    position: absolute;
    width: 100%;
    color: white;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    align-items: center;
    justify-content: flex-start;
    animation: identifier 1.5s;
  }
  
  .admin-announce > img {
    position: absolute;
    width: 100%;
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  .admin-announce > .title {
      position: relative;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 1.6vw;
      letter-spacing: 6px;
      color: white;
      margin-top: 0.8vw;
      text-shadow: 0 0 1vw #110d0d91;
      display: flex;
      justify-content: center;
      font-family: 'Montserrat', sans-serif;
      align-items: center;
      flex-direction: column;
    z-index: 3;
    animation: fadeIn 1.5s;
  }
  
  .admin-announce > .title::after {
    /* position: absolute; */
    content: 'Anunt administrativ';
    font-weight: 700;
      text-transform: uppercase;
      font-size: 1.6vw;
      letter-spacing: 6px;
      font-family: 'Montserrat', sans-serif;
      margin-top: 0.8vw;
    color: transparent;
    z-index: -1;
    color: white;
    margin-top: -1.2vw;
    text-shadow: 0 0 1vw #ffffff91;
    -webkit-text-stroke-width: .05vw;
    -webkit-text-stroke-color: white;
    opacity: .4;
  }
  
  .admin-announce > .title::before {
    position: absolute;
    content: 'Anunt administrativ';
    font-weight: 700;
      text-transform: uppercase;
      font-size: 1.6vw;
      letter-spacing: 6px;
      margin-top: 0.8vw;
      font-family: 'Montserrat', sans-serif;
    color: transparent;
    z-index: -2;
    color: white;
    margin-top: 1.9vw;
    text-shadow: 0 0 1vw #ffffff91;
    -webkit-text-stroke-width: .05vw;
    -webkit-text-stroke-color: white;
    opacity: .1;
  }
  
  .admin-announce > .from {
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: .8vw;
    letter-spacing: 3px;
    opacity: .3;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0.5vw;
  }
  
  .admin-announce > .message {
    position: relative;
    font-weight: 600;
    font-size: 1vw;
    color: white;
    opacity: .5;
    font-family: 'Montserrat', sans-serif;
    margin-top: .1vw;
  }
/* speedometer */

.speedometer {
	position: absolute;
	/* padding-right: 6vh; */
	/* margin-bottom: 3vh; */
	right: 6vh;
	bottom: 3vh;
	width: 20vw;
}

.speedometer h6 {
	font-weight: 500;
	font-size: 1.4vh;
	color: var(--orange-2);
	text-align: right;
	margin: 0;
}

#speedometer {
	position: relative;
}

#speedometer #taxi-fare {
	position: absolute;

	color: white;
	border-radius: 6px;
	padding: 0.3vh 1vh;
	font-weight: bold;

	width: 14.5vh;
	background: rgba(33, 33, 33, 0.6);

	right: 0;
	bottom: 12vh;
}

#speedometer #taxi-fare span {
	float: right;
	color: var(--orange-2);
}

#speedometer #martor-limit {
	position: absolute;
	font-family: 'Akshar', sans-serif;
	font-weight: 700;
	background-color: white;
	border-radius: 100%;
	box-sizing: border-box;

	text-align: center;
	line-height: 2.5vh;
	font-size: 1.4vh;
	width: 3vh;
	height: 3vh;
	border: .3vh solid #bb111b;

	right: -5vh;
	top: 1vh;
}

.temporary-item2-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.temporary-item2-inner p {
	font-weight: 700;
	font-size: 6vh;
	color: #F3F3F3;
	margin: 0;
	text-shadow: 2px 2px 10px black;
}

.temporary-item2-inner h5 {
	font-weight: 400;
	font-size: 1.4vh;
	color: #FFFFFF;
	margin: 0;
	margin-left: 1vh;
}

.temporary-item2-inner h5 span {
	font-weight: 600;
	font-size: 2vh;
	color: #FFFFFF;
	width: 2.7vh;
	height: 2.7vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(33, 33, 33, 0.8);;
	border: 2px solid var(--orange-2);
	box-sizing: border-box;
	border-radius: 6px;
	margin-bottom: .3vh;
}


.fuel-area {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.fuel-icon {
	width: 2.5vh;
	margin-bottom: -0.7vh;
}

.fuel-icon img {
	max-width: 100%;
}

.fuel-bar-area h6 {
	font-weight: 400;
	font-size: 1.2vh;
	color: #FFFFFF;
	text-align: right;
	margin: 0 0 .3vh;
}

.fuel-bar {
	width: 12vh;
	height: .8vh;
	background: rgba(29, 29, 29, 0.51);
	border-radius: 3px;
}

.fuel-bar span {
	width: 0%;
	height: 100%;
	background: var(--orange-2);
	border-radius: 3px;
	display: block;
}